<template>
  <div class="home">
    <van-notice-bar :text="announcement" left-icon="volume-o"></van-notice-bar>
    <!-- 广告位 -->
    <home-ad :ads="ads"></home-ad>
    <!-- 第三方担保 -->
    <home-warrant></home-warrant>
    <!-- 火博头条 -->
    <home-top-line></home-top-line>
    <!-- 广告位 -->
    <home-ad :ads="ads2"></home-ad>
    <!-- 热门娱乐城 -->
    <home-hot-casino></home-hot-casino>
    <!-- 底部导航 -->
    <home-bottom-nav></home-bottom-nav>
  </div>
</template>

<script>
import HomeAd from './components/Ad.vue';
import HomeWarrant from './components/Warrant.vue';
import HomeTopLine from './components/TopLine.vue';
import HomeHotCasino from './components/HotCasino.vue';
import HomeBottomNav from './components/BottomNav.vue';

export default {
  name: 'Home',
  data() {
    return {
      id: '',
      announcement: '火博网新版上线',
      ads: [
        'home/1.gif',
        'home/2.gif',
        'home/3.gif',
        'home/4.gif'
      ],
      ads2: ['home/5.gif'],
      plat: {
        company: 318,
        guarantee: 12,
        certification: 25
      }
    };
  },
  components: {
    HomeAd,
    HomeWarrant,
    HomeTopLine,
    HomeHotCasino,
    HomeBottomNav
  },
  computed: {
    bottomNavList() {
      return [];
    }
  }
};
</script>

<style lang="less" scoped>
  .home {
  }
</style>
